@font-face {
  font-family: shree;
  src: url(Shree-Devanagari-714.ttf);
}

html {
  scroll-behavior: smooth;
  width: 100%; /* Sikrer at html alltid dekker hele bredden */
  margin: 0; /* Fjerner uønsket margin */
  padding: 0; /* Fjerner standard padding */
  box-sizing: border-box; /* Forutsigbar oppførsel med padding og margin */
}

body {
  background-color: #f7f4f0;
  color: #000000;
  display: flex; /* Aktiverer Flexbox */
  flex-direction: column; /* Plasserer innholdet vertikalt (valgfritt, hvis det er flere elementer) */
  justify-content: flex-start; /* Valgfritt: Styrer vertikal posisjon (start/toppen) */
  align-items: center; /* Sentrerer innholdet horisontalt */
  margin: 0; /* Fjern standard margin */
  padding: 0; /* Fjern standard padding */
  min-height: 100vh; /* Sørger for at body dekker hele høyden av skjermen */
  box-sizing: border-box; /* Passer på at padding og border ikke utvider body */
  width: 100%;
  overflow-x: hidden; /* Hindrer horisontal scrolling */
}

header {
  display: flex;
  align-items: center; /* Sentrerer barna vertikalt */
  justify-content: space-between; /* Plasserer barna med mellomrom */
  position: fixed; /* Fikser headeren på toppen av siden */
  top: 0;
  width: 100%;
  height: 10vh; /* Mer passende høyde for headeren */
  background-color: #f7f4f0; /* Valgfri bakgrunnsfarge */
  z-index: 100; /* Sørg for at headeren er over innhold */
}

.logohjem {
  position: fixed;
  top: 2%;
  left: 10%;
  width: 5%;
}

li {
  list-style: none;
}

a:link,
a:visited {
  color: #4c4c4f;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.navbar {
  display: flex;
  gap: 20px; /* Avstand mellom menyvalgene */
  align-items: center; /* Vertikal justering */
  margin-right: 5%;
}

.navbar li {
  list-style: none;
}

.navbar a {
  color: #000000;
  text-decoration: none;
}

/* Style the dropdown menu */
.nav-link {
  color: #000000;
  padding: 5px 5px;
  white-space: nowrap;
  position: relative;
  display: block;
  transition: 0.5s;
  cursor: pointer;
  margin-left: 50%;
  transform: translate(-50%, 0);

  font-family: "classico-urw", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
}

.nav-link:hover {
  color: #4f4f52;
  opacity: 0.5;
}

.nav-link::after {
  position: absolute;
  content: "";
  top: 100%;
  width: 100%;
  height: 2px;
  left: 0;
  transition: transform 0.5s;
  transform: scaleX(0);
  background-color: #4c4c4f;
}

.nav-link:hover:after {
  transform: scaleX(1);
  transform-origin: center;
}

.hamburger {
  display: block;
  cursor: pointer;
  width: clamp(20px, 5vw, 25px); /* Dynamisk bredde mellom 20px og 25px */
}

.bar {
  display: block;
  width: 100%; /* Gjør at bredden matcher hamburgerens bredde */
  height: clamp(1.5px, 0.5vw, 2px); /* Dynamisk høyde mellom 1.5px og 2px */
  margin: clamp(3px, 1vw, 5px) auto; /* Avstand mellom linjene skalerer */
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #000000;
}

.hamburger.active .bar:nth-child(2) {
  opacity: 0;
}

.hamburger.active .bar:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.hamburger.active .bar:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.menu {
  position: fixed;
  display: flex;
  justify-content: center;
  color: black;
  gap: 0;
  flex-direction: column;
  transition: 0.5s ease;
  text-align: left;
  padding: 50px 20px;
  top: -100%;
  width: 97%;
  opacity: 0;
  background-color: #f7f4f0;
  /*width: fit-content;*/
}

.nav-item {
  margin: 16px 0;
}

.menu.active {
  top: 10px;
  height: 87vh;
  opacity: 1;
  right: 10px;
}

.navndus {
  font-family: "classico-urw", sans-serif;
  font-weight: 600;
  /* font-size: 17px;*/
  font-size: clamp(
    12px,
    3vw,
    17px
  ); /* Skalerer mellom 12px og 17px basert på skjermstørrelse */
  font-size: clamp(
    12px,
    3vw,
    17px
  ); /* Skalerer mellom 12px og 17px basert på skjermstørrelse */
  margin-left: 5%;
}

/* Safari-spesifik stil */
@media not all and (min-resolution: 0.001dpcm) {
  .navndus {
    font-weight: 100;
  }
}

.bakgrunnsbilde_parallax2 {
  /* Full høyde */
  width: 100%;
  background-color: #171717;
  bottom: 0;
  z-index: 99;
}

/* footer*/

footer {
  display: flex;
  flex-direction: column; /* Plasser div-elementene vertikalt */
  align-items: center; /* Sentrer elementene horisontalt */
  justify-content: space-between; /* Sentrum vertikalt også */
  width: 100%;
  /*background-color: #F7F4F0; /* Bakgrunnsfarge for footeren */
  border-top: 1px solid #666669; /* Toppborders */
  padding-top: 2%; /* Plass inni */
  padding-bottom: 2%; /* Plass inni */
  box-sizing: border-box; /* Padding inkludert */
}

#bottombar {
  display: flex; /* Flex for å plassere innholdet horisontalt */
  flex-direction: row;
  align-items: center;
  justify-content: space-between; /* Fordel innholdet jevnt */
  width: 85%; /* Sett bredden til 85% av skjermen */
  /*background-color: #F7F4F0;*/
}

.bottombartxt {
  font-family: "classico-urw", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #737373;
  cursor: default;
  /*font-size: 15px;*/
  font-size: clamp(12px, 2vw, 15px); /* Responsiv skriftstørrelse */
  text-align: center; /* Sentrer teksten */
  align-items: center;
  width: 10%;
}

p.lyst {
  text-align: center;
  font-family: "classico-urw", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  /*font-size: 15px;*/
  font-size: clamp(10px, 2vw, 15px); /* Responsiv skriftstørrelse */
}

a.lyst {
  text-align: center;
  font-family: "classico-urw", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  border: 0.5px solid #9b9b9f;
  /*font-size: 15px;*/
  font-size: clamp(8px, 2vw, 15px); /* Responsiv skriftstørrelse */

  padding: 8px;
  text-decoration: none;
}

a.lyst:hover {
  cursor: pointer;
  opacity: 0.7;
}

.smicon:hover {
  transition: 0.4s ease;
  transform: scale(1.1);
}
.smicon {
  font-size: 1.7rem;
}

.omossgrid > article {
  text-align: left;
  font-size: 17px;
  width: 40%;
  color: #000000;
}

@media (max-width: 760px) {
  .bakgrunnsbilde_parallax2 {
    height: 20%;
  }

  footer {
    flex-direction: column; /* Går til kolonne på mobil */
    align-items: center; /* Sentrerer elementene */
    text-align: center;
    margin-bottom: 2%;
  }

  #bottombar {
    flex-direction: row;
    justify-content: space-around;
    width: 100%; /* Fyller hele bredden */
  }

  .bottombartxt {
    width: auto;
    text-align: center;
    font-size: 6px;
  }

  .smicon {
    font-size: 1.2rem; /* Justerer ikons størrelsen på mobil */
  }
}
/*
@media (max-width: 760px) {
  .footer {
    display: flex;
    flex-direction: column;
    align-items: left;
    text-align: left;
  }

  #bottombar {
    flex-direction: column;
    height: fit-content;
    text-align: left;
  }

  .bottombartxt {
    width: auto;
    padding: 5;
    margin-top: 1%;
  }
  .bottombartxt:nth-child(1) {
    order: 2;
  }
  .bottombartxt:nth-child(2) {
    order: 1;
  }

  .bottombartxt:nth-child(3) {
    order: 3;
  }
}*/

/*telefon*/

@media (max-width: 760px) {
  .navbar {
    right: 25px;
  }

  .menu {
    background-color: #f7f4f0;
  }

  .menu.active {
    right: 0px;
  }
  .omossgrid > article {
    text-align: left;
  }
}